.filter_b_box {
  margin: 8px;

  :global {
    .ant-form-item {
      flex: 1;
    }

    .ant-form-item-label {
      flex: 0 0 82px !important;
    }

    .ant-form-item:last-child {
      margin-right: 0 !important;
    }

    .filter_buttons {
      flex: 1;
    }
  }
}

.labelWidth(@w) {
  :global {
    .ant-form-item-label {
      flex: 0 0 @w !important;
      text-align: right;
      width: @w !important;
    }
  }
}

.widgetWidth(@w) {
  :global {
    .ant-form-item-control-wrapper {
      flex: 0 0 @w !important;
      width: @w !important;
    }
  }
}

.lbl_w {
  :global {
    .ant-input {
      font-size: 12px;
    }

    .ant-form-item label {
      color: rgba(0, 0, 0, 0.85);
      font-size: 12px;
      line-height: 22px;
    }
  }
}

.overlay_root {
  background-color: #fff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  width: 500px;

  .header {
    font-weight: bold;
    margin-bottom: -16px;
    padding: 8px;
  }

  .user {
    overflow-y: auto;
    padding: 16px 24px;
    height: 494.4px;
  }
}